.ImgNum{
	position: absolute; 
	bottom: 8px; 
	right: 5px; 
	z-index: 9; 
	color: #fff;
}
.ImgNum .ImgIndex{
	color: #fff;
}
.ImgNum .ImgTotal{
	color: #fff;
}
.hui-wrap{
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
}
.info_nav {
  height: 50px;
  max-height: 50px;
  background: #464646;
  display: flex;
  align-items: center;
}
.topHeight{
	height: 22px;
	background: #464646;
}
.info_nav .hui-icons-menu {
  width: 15%;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 50px;
  padding-right: 0px;
}
.info_nav .base_name {
  color: #fff;
  display: inline-block;
  width: 70%;
  text-align: center;
  line-height: 50px;
  height: 50px;    
  overflow: hidden;
}
.info_nav .user_head {
  display: inline-block;
  width: 32px;
  height: 32px;
  /*background: #0076FF;*/
  border-radius: 50%;
  line-height: 50px;
  margin: 5px auto 0;
}
.info_nav .user_head img {
  width: 100%;
  height: auto;
}
.topBanner{
	height: 27vh; 
	overflow: hidden; 
	position: relative;
}
.topBanner #swipe_Con{
	height: 100%; 
	overflow: hidden;
}
.topBanner #swipe_Con .swiper-container{
	    height: 100%;
}
.topBanner #video_Con{
	height: 27vh; 
	overflow: hidden; 
	display: none; 
	position: relative;
}
.topBanner #video_Con #play_Button{
	height: 60px; 
	width: 60px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-left: -30px; 
	margin-top: -30px;
}
.base_index {
  overflow: auto;
  height: 63vh;
  width: 100%;
  /*padding-top: 10px;*/
  /*background: url(../img/bg.png) no-repeat;*/
  /*background-size: 100% 100%;*/
}
.base_index .load_container {
  width: 100%;
  background: rgba(0, 0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.base_index .base_index_container {
  height: 90%;
  /*padding-top: 10px;*/
  overflow-y: scroll;
}
.base_index .base_index_container .base_index_list {
  display: flex;
  flex-wrap: wrap;
}
.base_index .base_index_container .base_index_list li {
  width: 45%;
  height: 80px;
  background: #fff;
  border-radius: 5px;
  margin: 15px 0 0 3.3%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.base_index .base_index_container .base_index_list li .base_index_name {
  width: 65%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.base_index .base_index_container .base_index_list li .base_index_name .name {
  /*line-height: 30px;*/
 box-sizing: border-box;
 padding: 8px 0 0 0;
  color: #606060;
  text-align: center;
	word-break:normal;
	white-space:pre-warp;
	word-wrapL:break-word;
	height: 30%;
}
.base_index .base_index_container .base_index_list li .base_index_name .unit {
  font-size: 16px;
  /*line-height: 36px;*/
  color: #255ca9;
}
.base_index .base_index_container .base_index_list li .base_index_icon {
  width: 35%;
  height: 100%;
  display: flex;
  align-items: center;
}
.base_index .base_index_container .base_index_list li .base_index_icon img {
  width: auto;
  height: 70%;
  margin-top: 15px;
}
.base_index .base_index_container .base_index_list li:last-child {
  width: 100%;
  height: 5px;
  background: rgba(0, 0, 0, 0);
}

.hui-slide-menu {
				width: 60%;
				left: 0%;
				background: #fff;
				overflow: scroll; 
				-webkit-overflow-scrolling:touch; 
				display: none;
				z-index: 9999;
			}
			
			.hui-slide-menu > ul {
				padding: 10px;
			}
			
			.hui-slide-menu > ul > li {
				color: yellowgreen;
				line-height: 90px;
				height: 90px;
				overflow: hidden;
				text-align: center;
				border-bottom: 1px solid #818181;
			}
			.hui-slide-menu > ul > li .column_div{
				position: relative;
				
			}
			.hui-slide-menu > ul > li .column_div > b{
				position: absolute;
				top: 20px;
				right: 0;
				height: 16px;
				font-size: 10px;
				color: #fff;
				line-height: 17px;
				width: 28px;
				border-radius: 4px;
			}
			.hui-slide-menu > ul > li .column_div > b.cur0{
				background: #177034;
			}
			.hui-slide-menu > ul > li .column_div > b.cur1{
				background: orange;
			}
			.hui-slide-menu > ul > li .column_div > b.cur-1{
				background: #fe0000;
			}
			.hui-slide-menu > ul > li .column_div p {
				/*margin-top: 0.1rem;*/
				/*margin-bottom: 0.5rem;*/
				color: #666666;
				text-align: center;
				font-size: 0.8rem;
				line-height: 0;
				text-align: center; 
				font-size: 14px; 
				line-height: 15px;
			}
			
			.hui-slide-menu > ul > li .column_div > div.cur-1 {
				background: url(../img/error.gif) left no-repeat;
				background-size: 50px 50px;
				border: none;
				height: 50px;
				width: 50px;
				/*margin: 0 auto;*/
			}
			.hui-slide-menu > ul > li .column_div > div {
				background: url(../img/sensor-icon-01.png) left no-repeat;
				background-size: 50px 50px;
				border: none;
				height: 50px;
				width: 50px;
				/*margin: 0 auto;*/
			}
			
			.hui-slide-menu > ul > li .column_div > div.cur0 {
				background: url(../img/sensor-icon-02.png) left no-repeat;
				background-size: 50px 50px;
				border: none;
				height: 50px;
				width: 50px;
				/*margin: 0 auto;*/
			}
			
			
			.hui-slide-menu > ul > li .column_div > div.cur1 {
				background: url(../img/timeout.gif) left no-repeat;
				background-size: 50px 50px;
				border: none;
				height: 50px;
				width: 50px;
				/*margin: 0 auto;*/
			}
			
			
			.hui-slide-menu > ul > li .selected > div.cur-1, .hui-slide-menu > ul > li .selected > div.cur0, .hui-slide-menu > ul > li .selected > div.cur1 {
				height: 50px;
				width: 50px;
				background: url(../img/sensor-icon-01.png) left no-repeat;
				background-size: 50px 50px;
				border: none;
			}
			.hui-slide-menu > ul > li .column_div:last-child {
				margin-bottom: 10px;
			}
			
			.hui-slide-menu > ul > li .selected p {
				color: #2679e8;
				font-size: 1rem;
				/*font-weight: bold;*/
			}
			
			.base_index .base_index_container .base_index_list li .errorTips{
				height: 20px; 
				width: 100%; 
				display: none;
				background: rgba(0,0,0,.5); 
				position: absolute; 
				bottom: 0px; 
				left: 0;
			}
			.base_index .base_index_container .base_index_list li .errorTips p{
				line-height: 20px; 
				text-align: center; 
				font-size: 14px; 
				color: #fff;
			}
			.base_index .base_index_container .base_index_list li .errorTips.block{
				display: block;
			}
			.sureserve{
				height: 25px;
			    width: 100%;
			    color: #fff;
			    position: fixed;
			    bottom: 5px;
			    text-align: center;
			    line-height: 25px;
			}
			/*遮罩层样式*/
			
			#mask {
				position: fixed;
				z-index: 20;
				background: rgba(0, 0, 0, 0.5);
				width: 100%;
				left: 0px;
				top: 0px;
				height: 100%;
			}
			
			.swiper-slide{
				display:flex;
			    align-items:center; 
			    justify-content:center;
			}
			.swiper-slide img{
				/*height: 100% !important;*/
				width: 100%;
				object-fit: cover;
			}
			
			 #video_Con #video_Cover {
				height: 100%;
				width: 100%;
			}
			#my-video{
				width: 100%;  
				height: 27vh; 
			}
			#my-video video{
				
				width: 100%;  
				height: 27vh; 
				object-fit: fill;
				
			}
			
			.ImgVideoTab{
				height: 35px; 
				width: 100%; 
				position: absolute; 
				bottom: 0px; 
				left: 0px; 
				background: rgba(0,0,0,0); 
				z-index: 1; 
				text-align: center;
			}
			.ImgVideoTab span{
				display: inline-block;
				font-size: 10px;
				margin-top: 7px;
				padding: 3px 12px;
				border-radius: 13px;
				color: #A9A9A9;
				background: rgba(220,220,220,.9);
			}
			.ImgVideoTab span.active{
				color: #fff;
				background: rgba(255,140,0,.9);
			}